/*
 * @Author: 18163104359 2205227953@qq.com
 * @Date: 2024-01-22 09:11:54
 * @LastEditors: 18163104359 2205227953@qq.com
 * @LastEditTime: 2024-01-25 16:28:12
 * @FilePath: /umi/src/pages/404.tsx
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import { Button, Result } from "antd";
import React from "react";
import { history } from "umi";

// FC = Functional Component 使用这个类型有个好处就是，提醒你必须返回一个ReactNode
// 在函数式组件中，无法像在类组件中一样使用state和生命钩子函数，但React提供了HOOK
const NoFoundPage: React.FC<{}> = () => (
  <Result
    status={404}
    title="404"
    subTitle="页面丢失了,联系GuitarXiaoghe."
    extra={
      <Button type="primary" onClick={() => history.push("/index")}>
        Back Home
      </Button>
    }
  />
);

export default NoFoundPage;
